$(function () {
    // 点击去注册,跳转到注册页面
    $("#link_reg").on("click", () => {
        $(".login-box").hide();
        $(".reg-box").show()
        
    })
    // 点击登录,跳转到登录页面
    $("#link_login").on("click", function () {
        $(".login-box").show();
        $(".reg-box").hide()
    })

    layui.form.verify({
        pass: [/^[\S]{6,12}$/, '密码6到12位,且不能为空'],
    repwd:function(val) {
          // 要让两次密码一样
            let p = $("#pwd").val().trim()
            if (p != val) {
                return '两次密码输入的不一样'
            }
        }
        
    })
// 给注册的表单添加submit事件
    // 2.阻止默认事件
    // 3.获取到用户输入的值
    // 4.参照接口文档,关注接口地址和请求方式
    // 5.发起ajax请求
    // 6.接受服务器响应过来的数据,看是否成功,如果不成功提示用户错误
    // 7.注册成功,则跳转到登录页面
    // 给注册的表单添加submit事件
    $("#reg-box").on("submit", function(e){
        e.preventDefault()
        // 获取用户s输入表单的值
        let data = $(this).serialize()
        // 看接口,地址,及请求方式,发送ajax请求
        $.ajax({
            method: 'post',
            url: "/api/reguser",
            data,
            success: (res) => {
                // console.log(res)
                if (res.status!= 0) return layui.layer.msg(res.message)
                
                // 否则提示用户输入正确
                //  res.message("输入正确")
                layui.layer.msg(res.message)
                // 跳回到登录页面
                $("#link_login").click()
            }
        })
    })
    $("#login-box").on("submit", function(e){
        // 阻止默认行为
        e.preventDefault()
        
        let data = $(this).serialize()
        // 获取接口,地址,请求方式
        $.ajax({
            method: 'post',
            url: '/api/login',
            data,
            success: (res) => {
                console.log(res)
                if (res.status != 0) return layui.layer.msg(res.message)
                // 反之注册成功,则会把值存在本地存储里面
                sessionStorage.setItem('token', res.token)
                location.href='/index.html'
            }
        })
    })

        // $.ajax({
        //     type: 'post',
        //     url: 'http://api-breakingnews-web.itheima.net/api/reguser',
        //     data,
        //     success: (res) => {
        //        console.log(res)
        //    }
        // })
        // console.log(data)
      
/*
注册表单提交事件
阻止表单的默认行为
获取表单里面的值
参考文档,关注接口地址和请求方式
发起ajax
接受服务器响应回来的数据 看看是否登录成功 登录失败需要提示用户
需要将服务器响应回来的token保存到本地存储中
跳转到后台页面
 

*/
    
})